<template>
  <div class="movie-list-container">
    <div class="movie-item" @click="handleClickMovieItem">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
    <div class="movie-item">
      <Item></Item>
    </div>
  </div>
</template>
<script setup>
import Item from "./movie-item.vue";
import Taro, { useDidShow, usePageScroll } from "@tarojs/taro";
const handleClickMovieItem = () => {
  Taro.navigateTo({
    url: "/pages/movie-detail/index",
  });
};
</script>
<style lang="scss">
.movie-list-container {
  margin-top: 25px;
  padding: 0 25px;
  .movie-item {
  }
  .movie-item:nth-child(n + 1) {
    // margin-top: 25px;
    border-bottom: 1px solid #eee;
  }
  .movie-item:last-child {
    margin-bottom: 200px;
  }
}
</style>
